<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
    </h:head>
    <h:body>
        <div class="reservation">
            <h2>Reservation</h2>
            <h:form>
                <h:outputText id="status" value="#{reservationBean.status}"/>
                <p>
                    <h:outputLabel for="patientname">Your Name:</h:outputLabel>
                    <h:inputText id="patientname" value="#{reservationBean.patientName}"/>
                </p>
                <p>
                    <h:outputLabel for="patientphonenumber">You Phone Number:</h:outputLabel>
                    <h:inputText id="patientphonenumber" value="#{reservationBean.patientPhoneNumber}"/>
                </p>
                <p>
                    <h:outputLabel for="patientemail">Your Email:</h:outputLabel>
                    <h:inputText id="patientemail" value="#{reservationBean.patientEmail}"/>
                </p>                        
                <p>
                    <h:outputLabel for="reservationtime">Date Time:</h:outputLabel>
                    <h:inputText id="reservationtime" value="#{reservationBean.reservationTime}"/>
                </p>
                <p>
                    <h:outputLabel for="require">Require:</h:outputLabel>
                    <h:inputTextarea rows="8" id="require" value="#{reservationBean.require}"/>
                </p>
                <p>
                    <h:commandButton value="Reservation" actionListener="#{reservationBean.add}"/>
                </p>
            </h:form>
        </div>
    </h:body>
</html>

